.mci-card {
  &.is-full {
    min-height: calc(100vh - 126px);
  }
  .is-top-border {
    border-top: 1px solid var(--color-line-2);
  }
  .card-title {
    .is-symbol {
      // display: flex; align-items: center;
      &::before {
        content: '';
        width: 4px;
        height: 20px;
        background: var(--color-brand-6);
        // margin-top: 2px;
        display: inline-block;
        margin-right: 4px;
      }
    }
  }
  .card-footer {
    // background-image: radial-gradient(transparent 1px, var(--color-fill-1) 1px);
    // background-size: 4px 4px;
    // backdrop-filter: saturate(50%) blur(30px);
    background: rgba($color: #fff, $alpha: 0.96);
  }
}

.mci-sub-card {
  .border-prefix {
    position: relative;
    padding-left: 12px;
    // &::before {
    //   content: '';
    //   position: absolute;
    //   left: 0;
    //   width: 4px;
    //   height: 12px;
    //   background-color: var(--color-brand-6);
    // }
    &::before {
      content: '';
      width: 4px;
      height: 20px;
      background: var(--color-brand-6);
      // margin-top: 2px;
      display: inline-block;
      margin-right: 4px;
    }
  }
}
